// 第一个饼图
export function pie1(data) {
    return {
        tooltip: {
            trigger: "item",
        },
        legend: {
            orient: "vertical",
            left: "right",
            top: "110px",
        },
        series: [
            {
                name: "任务情况",
                type: "pie",
                radius: "50%",
                data,
                emphasis: {
                    itemStyle: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: "rgba(0, 0, 0, 0.5)",
                    },
                },
                label: {
                    show: true,
                    formatter: "{b}: {c}", // {b} 表示 name，{c} 表示 value
                },
            },
        ],
    }
}

// 第二个饼图
export function pie2(data) {
    return {
        tooltip: {
            trigger: "item",
        },
        legend: {
            orient: "vertical",
            left: "right",
            top: "120px",
        },
        series: [
            {
                name: "Access From",
                type: "pie",
                radius: ["35%", "60%"],
                center: ["50%", "45%"],
                avoidLabelOverlap: false,
                itemStyle: {
                    borderRadius: 10,
                    borderColor: "#fff",
                    borderWidth: 2,
                },
                label: {
                    show: false,
                    position: "center",
                },
                emphasis: {
                    label: {
                        show: true,
                        fontSize: 13,
                        fontWeight: "bold",
                    },
                },
                labelLine: {
                    show: true,
                },
                // data,
                data: [
                  { value: 4, name: "进行中", itemStyle: { color: "#F4CE98" } },
                  { value: 4, name: "已完结", itemStyle: { color: "#93D2F3" } },
                  { value: 5, name: "未发布" }, // itemStyle: { color: '#93D2F3' }
                ],
                label: {
                    show: true,
                    formatter: "{b}: {c}", // {b} 表示 name，{c} 表示 value
                },
            },
        ],
    }
}

// 第一个柱状图
export function bar1(name, data1, data2) {
    return {
        xAxis: {
            type: "category",
            data: name,
            //   data: ["张三", "李四", "王五", "老六", "小明", "小张", "小乐"],
            axisLabel: {
                rotate: name.length > 10 ? 60 : 0 /* 根据实际情况调整旋转角度 */
            }
        },
        yAxis: {
            type: "value",
            min: 0,
            max: 4,
        },
        grid: {
            top: "75px",
            containLabel: true,
        },
        legend: {
            orient: "horizontal",
            top: "230px",
        },
        series: [
            {
                name: "未完成任务",
                type: "bar",
                // data: data1,
                data: [1, 3, 0, 1, 2, 1, 2],
                itemStyle: {
                    color: "#FFCCC7",
                },
                label: {
                    show: true,
                    position: "top",
                    color: "#FFCCC7",
                },
                barGap: 0,
                barWidth: 18,
            },
            {
                name: "已完成任务",
                type: "bar",
                // data: data2,
                data: [2, 4, 1, 2, 2, 2, 2],
                itemStyle: {
                    color: "#93D2F3",
                },
                label: {
                    show: true,
                    position: "top",
                    color: "#93D2F3",
                },
                barGap: 0,
                barWidth: 18,
            },
        ],
    }
}

// 第二个柱状图
export function bar2(name, data1, data2) {
    // 图表四的配置
    const rawData = [
        [11, 4, 0, 11, 3, 4, 6],    // 完成率
        [5, 3, 2, 5, 3, 3, 6],      // 未完成率
        // data1, data2
    ];
    const totalData = [];
    for (let i = 0; i < rawData[0].length; ++i) {
        let sum = 0;
        for (let j = 0; j < rawData.length; ++j) {
            sum += rawData[j][i];
        }
        totalData.push(sum);
    }

    const grid = {
        left: 500,
        right: 100,
        top: 50,
        bottom: 50,
    };
    const series = ["完成率", "未完成率"].map((name, sid) => {
        let color;
        if (name === "完成率") {
            color = "#FFCCC7"; // 未完成率柱子的颜色
        } else {
            color = "#93D2F3"; // 完成率柱子的颜色
        }
        return {
            name,
            type: "bar",
            stack: "total",
            barWidth: "35%",
            label: {
                show: true,
                formatter: (params) => Math.round(params.value * 1000) / 10 + "%",
                color: "white", // 设置字体颜色为白色
                fontSize: 8, // 设置字体大小为 14
            },
            data: rawData[sid].map((d, did) =>
                totalData[did] <= 0 ? 0 : d / totalData[did]
            ),
            itemStyle: {
                color: color,
            },
            barGap: "20%",
        };
    });
    return {
        legend: {
            orient: "horizontal",
            bottom: "40px",
        },
        grid: {
            top: "80px",
            containLabel: true,
        },

        yAxis: {
            type: "value",
            axisLabel: {
                formatter: (value) => `${value * 100}%`,
            },
        },
        xAxis: {
            type: "category",
            //   data: ["张三", "李四", "王五", "老六", "小明", "小张", "小乐"],
            data: name,
            axisLabel: {
                rotate: name.length > 10 ? 60 : 0 /* 根据实际情况调整旋转角度 */
            }
        },
        series,
    }
}